body {
    font-family: "SourceHanSansCN-Normal"
}

.wraper {
    // 顶部
    .head {
        width: 100%;
        height: 100px;
        background-color: pink;
        .head-c {
            background-color: red;
            height: 100px;
            padding-top: 27px;
            h1 {
                display: inline-block;
            }
            ul {
                li {
                    display: inline-block;
                    p {
                        color: #333333
                    }
                    p:nth-child(2) {
                        padding-top: 8px;
                    }
                }
            }
        }
    } // 中间内容部分
    .content-c{
       
            div:hover {
                height: 384px;
                box-shadow: -2px 0px 10px darkgrey, 2px 0px 10px darkgrey;
                border: 1px solid #fff;
                // margin: 0px 0px;
                .dec {
                    padding-top: 18px;
                    padding-left: 10px;
                    display: block;
                    color: white;
                        li:nth-child(1){
                          
                            text-indent: 1.2em;
                        
                        }
                        li:nth-child(2),li:nth-child(3),li:nth-chld(4){
                            margin-top: 110px;
                        }
                        li {
                            font-size: 13px;
                        }
                }
            }
        
    }
    // 描述部分
    // 描述
.dec {
    // margin-top: 10px;
    width: 100%;
    height: 100px;
    background-color: #0084ff;
    display: inline-block;
    display: block;
}
    // ie浏览器下要显示的内容
    .ie-showImg {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    } 
    // .dec {
    //     padding-top: 8px;
    //     padding-left: 10px;
    //     display: block;
    //     color: white;
    //     li:nth-child(1) {
    //         text-indent: 2em;
    //     }
    // }
    .content {
        width: 100%;
        height: 844px;
        // background-color: skyblue;
        overflow: hidden;
        .content-c {
            height: 776px;
            // background-color: gray;
            margin-top: 134px;
            // ul {
            //     li {
            //         width: 240px;
            //         height: 324px;
            //         // background-color: gold;
            //         float: left;
            //         border: 1px solid black;
            //         text-align: center;
            //         a {
            //             display: inline-block;
            //             position: relative;
            //             margin-top: 65px;
            //             img:nth-child(2) {
            //                 position: absolute;
            //                 float: left;
            //                 top: 0;
            //                 left: 0;
            //             }
            //         }
            //         p {
            //             margin-top: 35px;
            //         }
            //     }
            // }
            div {
                        width: 240px;
                        height: 324px;
                        // background-color: gold;
                        float: left;
                        // border: 1px solid black;
                        text-align: center;
                        a {
                            display: inline-block;
                            position: relative;
                            margin-top: 65px;
                            img:nth-child(2) {
                                position: absolute;
                                float: left;
                                top: 0;
                                left: 0;
                            }
                        }
                        p {
                            margin-top: 35px;
                        }
                    }
        }
    } // 底部部分
    .footer {
        height: 172px;
        background-color: #282828;
        .footer-c {
            overflow: hidden;
            div {
                margin-left: 50px; // margin: 0 auto;
                font-size: 16px;
                color: white;
                margin-top: 60px; //    ul:nth-child(1){
                //        li:nth-child(even){
                //            padding-left: 15px;
                //            padding-right: 15px;
                //        }
                //    }
                ul:nth-child(2) {
                    padding-left: 90px;
                }
            }
        }
    }
}

// .mr20 {
//     padding-right: 15px;
// }
// .ml20 {
//     padding-left: 15px;
// }
.mrAndml20 {
    padding-left: 15px;
    padding-right: 15px;
}

.mt20 {
    padding-top: 15px;
}

// .bd-r {
//     border-right: 1px solid #cccc;
// }
// 兼容ie
// .line {
//     width: 1px;
//     height: 1px;
//     background-color: white;
// }